<html>

<body>
  <div style="width: 100%;overflow: auto;display: flex">
    <!-- type类型 -->
    <div class="play-special-actor-type">
      <div class="alginType info-label">演唱</div>
      :
    </div>

    <div class="play-special-actor-content-box">
      <!-- 一个人的完整信息 -->
      <div class="play-special-actor-div">
        <!-- 人名或者人名链接 -->
        <div class="play-special-actor-content-nameText">
          <!-- <a href="actor/detail?id=5ea2c510ff940914d5349ffb&amp;typeCode=1">
                  <span style="text-decoration: underline">张平</span>
                </a> -->
          <span>张平</span>
        </div>

        <!-- 单位 -->
        <div class="play-special-actor-unit-box">
          <div class="alginType info-label">单位</div>
          <div style="margin-right: 10px">:</div>
          <div>演职员单位</div>
        </div>

        <!-- 备注 -->
        <div class="play-special-actor-extra-box">
          <div style="flex-grow: 0">......</div>
          <div style="flex-grow: 1">
            回族
          </div>
        </div>
      </div>

      <!-- 一个人的完整信息 -->
      <div class="play-special-actor-div">
        <!-- 人名或者人名链接 -->
        <div class="play-special-actor-content-nameText">
          <a href="actor/detail?id=5ea2c510ff940914d5349ffb&amp;typeCode=1">
            <span style="text-decoration: underline">马慧茹</span>
          </a>
          <!-- <span>马慧茹</span> -->
        </div>

        <!-- 单位 -->
        <div class="play-special-actor-unit-box">
          <div class="alginType info-label">单位</div>
          <div style="margin-right: 10px">:</div>
          <div>演职员单位</div>
        </div>

        <!-- 备注 -->
        <div class="play-special-actor-extra-box">
          <div style="flex-grow: 0">......</div>
          <div style="flex-grow: 1">
            东乡族
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>

<style>
  .play-special-actor-type {
    flex-grow: 0;
    display: flex;
    margin: 0 10px;
  }

  .play-special-actor-content-box {
    flex-grow: 1;
  }

  .play-special-actor-div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }

  .play-special-actor-content-nameText {
    flex-grow: 1;
  }

  .play-special-actor-unit-box {
    width: 349px;
    margin-left: 10px;
    flex-grow: 0;
    display: flex;
  }

  .play-special-actor-extra-box {
    display: flex;
    width: 100%;
  }
</style>
